pc_nuxt/app/pages/info/course/[id].vue

<template>
  <ArticleDetailView
    :detail="detail"
    :hot-list="data?.hotList || []"
    :tag-list="data?.tagList || []"
  />
</template>

<script setup>
import { useArticleDetail } from '~/composables/useArticle'

// 使用教程详情：/info/course/{id}.html（与原 PC 站保持一致）
const { data, detail } = await useArticleDetail(2)
</script>